{include file = $smarty.const.APPLICATION_PATH|cat:"/application/views/header.html"}
{literal}
<script type="text/javascript">
    $(function(){
        $('.assortment').hover(function(){
            $('.assort_list').stop().fadeIn();
        },function(){
            $('.assort_list').stop().fadeOut();
        });
    });
</script>
<script type="text/javascript" src="/js/jquery.form.js"></script>
<script type="text/javascript" src="/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="/js/user.js"></script>

<style>
    .assort_list{display: none;}
</style>
<script type="text/javascript">
    //之所以写在这，是避免映入的js和其他的冲突

    $(document).delegate('.overlay-close','click',  function() {
        $(".remove").remove();
    });

    $(function () {
        //这边是上传报价是获取文件名称
        $(".excel").change(function(){
            var file = $(this).val();
            var fileName = getFileName(file);
            if(fileName==''){
                fileName='请选择需要上传的报价单文件';
            }
            $(".pfspan").html(fileName);
        });

        function getFileName(o){
            var pos=o.lastIndexOf("\\");
            return o.substring(pos+1);
        }

        $("#upload-excel").validate({
            rules: {
                "excel": {
                    required: true,
                    accept: "xls,xlsx"
                }
            },
            messages: {
                "excel": {
                    required: "<p  style=\" color: red; width: 280px;position:absolute;left:90px;top:10px;\">请选择上传文件</p>",
                    accept: "<p  style=\"color: red; width: 280px;position:absolute;left:90px;top:10px;\">文件格式不支持，请上传 xls,xlsx 格式的文件</p>"
                }
            }
        });


        $(".save_excel").on("click",function(e){
            e.preventDefault();
            var options = {
                //target : '#output',    // 把服务器返回的内容放入id为output的元素中
                beforeSubmit : showRequest,    // 提交前的回调函数
                success : showResponse,    // 提交后的回调函数
                url : '/user/uploadexcel',    //默认是form的action，如果申明，则会覆盖
                type : 'post',    // 默认值是form的method("GET" or "POST")，如果声明，则会覆盖
                dataType : 'json',    // html（默认）、xml、script、json接受服务器端返回的类型
                clearForm : true,    // 成功提交后，清除所有表单元素的值
                resetForm : true,    // 成功提交后，重置所有表单元素的值
                //timeout : 3000    // 限制请求的时间，当请求大于3秒后，跳出请求
            }

            $("#upload-excel").ajaxSubmit(options);
        });

        function showRequest(formData, jqForm, options){
            // formData: 数组对象，提交表单时，form插件会以ajax方式自动提交这些数据，格式如[{name:user,value:val},{name:pwd,value:pwd}]
            // jqForm: jQuery对象，封装了表单的元素
            // options: options对象
//            var queryString=$.param(formData); // name=1&address=2
//            var formElement=jqForm[0]; // 将jqForm转换为DOM对象
//            var address=formElement.address.value; // 访问jqForm的DOM元素
            var file = $(".excel").val();
            var fileName = getFileName(file);
            if(fileName==''){
                fileName='请选择需要上传的报价单文件';
                $(".pfspan").html(fileName);
                return false;
            }


            return true; // 只要不返回false，表单都会提交，在这里可以对表单元素进行验证
        }
        function showResponse(data,status){
            //return false;
            //// dataType=xml
            //var name=$("name",responseXML).text();
            //var address=$("address",responseXML).text();
            //$("#xmlout").html(name+" "+address);
            // dataType=json
            //$("#jsonout").html(data.name+" "+data.address);
            if(data==100){
                Msgalert1("你的报价单为空");
                return false;
            }
            if(data==101){
                Msgalert1("你的报价单模板不正确，请下载网站提供的模板进行报价");
                return false;
            }

            if(data.code==1001){
                Msgalert2(data.list);
                return false;
            }

            if(data.code==1008){
                //这边就是成功的,1.跳转到报价管理，2.继续在本页面
                alert("上传报价成功!");
                window.location = "/user/quotemanage";
            }

        }
    })

    function Msgalert1(data){
        var html = '';
        html +="<div class=\"mui-dialog-mask remove\" ></div>";
        html +="<div class=\"mui-dialog remove\" style=\"width:500px;height:200px;\">";
        html +="<a href=\"#\" class=\"overlay-close\"></a>";
        html +="<div class=\"mui-diglog-wrap\">";
        html +="<div class=\"mui-dialog-header\">提醒</div>";
        html +="<div class=\"mui-dialog-body\">";
        html +="<div class=\"mui_dl_list\">";
        html +=""+data+"";
        html +="</div>";
        html +="</div>";
        html +="</div>";
        html +="<div class=\"mui-dialog-skin\"></div>";
        html +="</div>";

        $("body").append(html);
    }
    function Msgalert2(data){

        var html = '';
        html +="<div class=\"mui-dialog-mask remove\" ></div>";
        html +="<div class=\"mui-dialog remove\" style=\"width:800px;\">";
        html +="<a href=\"#\" class=\"overlay-close\"></a>";
        html +="<div class=\"mui-diglog-wrap\">";
        html +="<div class=\"mui-dialog-header\">提醒</div>";
        html +="<div class=\"mui-dialog-body\">";
        html +="<div class=\"mui_dl_list\">";
        html +="<table class=\"\" border='1' style=\"width:100%; margin: 0px auto\">";
        html +="<tr>";
        html +="<th>表格序号</th>";
        html +="<th>公司名称</th>";
        html +="<th>产品</th>";
        html +="<th>交易类型</th>";
        html +="<th>价格(元/吨)</th>";
        html +="<th>币种</th>";
        html +="<th>结算方式</th>";
        html +="<th>数量</th>";
        html +="<th>提货方式</th>";
        html +="<th>地区</th>";
        html +="<th>交货地点</th>";
        html +="<th>交货时间</th>";
        html +="</tr>";

        for(var index in data){
            html +="<tr>";
                html +="<td>"+index+"</td>";
                if(!data[index].business_name){
                    html +="<td>"+"正确"+"</td>";
                }else{
                    html +="<td>"+data[index].business_name+"</td>";
                }
                if(!data[index].product){
                    html +="<td>"+"正确"+"</td>";
                }else{
                    html +="<td>"+data[index].product+"</td>";
                }
                if(!data[index].service_name){
                    html +="<td>"+"正确"+"</td>";
                }else{
                    html +="<td>"+data[index].service_name+"</td>";
                }
                if(!data[index].price){
                    html +="<td>"+"正确"+"</td>";
                }else{
                    html +="<td>"+data[index].price+"</td>";
                }
                if(!data[index].currency_name){
                    html +="<td>"+"正确"+"</td>";
                }else{
                    html +="<td>"+data[index].currency_name+"</td>";
                }
                if(!data[index].settlement){
                    html +="<td>"+"正确"+"</td>";
                }else{
                    html +="<td>"+data[index].settlement+"</td>";
                }
                if(!data[index].num){
                    html +="<td>"+"正确"+"</td>";
                }else{
                    html +="<td>"+data[index].num+"</td>";
                }
                if(!data[index].delivery_method){
                    html +="<td>"+"正确"+"</td>";
                }else{
                    html +="<td>"+data[index].delivery_method+"</td>";
                }
                if(!data[index].area_name){
                    html +="<td>"+"正确"+"</td>";
                }else{
                    html +="<td>"+data[index].area_name+"</td>";
                }
                if(!data[index].delivery_area){
                    html +="<td>"+"正确"+"</td>";
                }else{
                    html +="<td>"+data[index].delivery_area+"</td>";
                }
                if(!data[index].delivery_time){
                    html +="<td>"+"正确"+"</td>";
                }else{
                    html +="<td>"+data[index].delivery_time+"</td>";
                }
            html +="</tr>";
        }

        html +="</table>";
        html +="</div>";
        html +="</div>";
        html +="</div>";
        html +="<div class=\"mui-dialog-skin\"></div>";
        html +="</div>";

        $("body").append(html);
    }
</script>
{/literal}

<div class="help_center">
<div class="crumbs_tmg" style="padding-top:0;">当前位置：<a href="#">首页</a><i class="ffs">></i><a href="#">会员中心</a><i class="ffs">></i><span class="blue">批量上传报价</span></div>
    {include file = $smarty.const.APPLICATION_PATH|cat:"/application/views/menu_title.html"}
    <div class="user_content">
    	<h3 class="user_title j_ut">
        	<ul>
            	<li class="curr">批量上传报价</li>
            </ul>
        </h3>


        <div class="receiving_address">
            <ul class="company_certification" style="padding-top:50px; padding-left:50px;">
                <form id="upload-excel"  action="" method="post" enctype="multipart/form-data">
                    <li class="ml84">步骤一：下载报价单模板,请安装EXCEL报价单标准格式模版发布</li>
                    <li class="ml84" style="padding-left:56px;"><a href="/user/downquote/type/rmb" class="upload_quotation"><i></i>人民币业务报价单模板下载</a><a href="/user/downquote/type/usd" class="upload_quotation"><i></i>美金业务报价单模板下载</a></li>
                    <li class="ml84"><span class="fl mt5">步骤二：</span>
                        <div class="popup_file">
                            <span class="pfspan"></span>
                        </div>
                        <div class="pupup_file_fd"><input name="excel" type="file" class="excel" /><span class="ppfile_btn">选择文件</span></div>
                    </li>
                    <li class="ml140 mt20"><input type="submit" class="ppfile_btn1 save_excel" value="提   交"/></li>
                    <li class="ml77 mt20">
                        <p class="gray lh30">温馨提示：1.仅支持 Excel 表格直接上传，建议使用97-2003版本；文件不能大于2M，报价数不能多于2000条。</p>
                        <p class="gray lh30" style="padding-left:70px;">2.供应单需包含品种,牌号、厂商、价格才能发布成功哦！</p>
                    </li>
                </form>
            </ul>



        </div>
        
    </div>
</div>

{include file = $smarty.const.APPLICATION_PATH|cat:"/application/views/footer.html"}